<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>发表帖子</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
    <script type="text/javascript" src="../../js/editor/writePost.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/editor/writePost.css"/>
    <link rel="icon" type="image/x-icon" href="../../favicon.ico">
    <script>
        var c=()=>{
            let w=document.documentElement.clientWidth;/*获取设备宽度*/
            // let n=(20*(w/1500)>40?40+"px":(20*(w/1500)+"px"));
            let n=20*(w/1500);
            if (n>20){
                n=20+"px"
            }else if (n<20){
                n=20+"px"
            }else{
                n=n+"px"
            }
            document.documentElement.style.fontSize=n;
        }
        window.addEventListener("load",c);
        window.addEventListener("resize",c);
    </script>
</head>
<body>
<div id="outer">
    <div id="body">
        <div id="head">
            <span class="headmes">主题</span>
            <select id="selectType" name="type">
                <option th:each="option:${optionList}" th:value="${option.tid}" th:text="${option.ptype}"></option>
            </select>
            <span class="headmes">标题</span>
            <input id="title" type="text" name="title" placeholder="请输入标题">
            <span id="titlemsg" style="color: red"></span>
        </div>

        <div id="div1"></div>

        <div id="tool">
        <button id="submit" class="button" type="button">发表帖子</button>
        <button id="draft" class="button" type="button">保存草稿</button>
        <span id="topMes">置顶</span>
        <input id="topCheck" type="checkbox">
        </div>
        <textarea id="text"></textarea>
        <!-- 底部其他信息显示 -->
        <div id="buttom">
        </div>
    </div>
    <!--弹窗-->
<!--    <div id="showmsg" style="display:none;">-->
<!--        <p id="msg">这里是弹窗!!!!!!!!!!!!!!!</p>-->
<!--    </div>-->
</div>
</body>
</html>
